<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]--> <!--[if IE 7 ]>    <html lang="en" class="ie7"> <![endif]--> <!--[if IE 8 ]>    <html lang="en" class="ie8"> <![endif]--> <!--[if IE 9 ]>    <html lang="en" class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title></title>
  <meta name="description" content="">
  <meta name="author" content="">

<!--   <meta name="viewport" content="width=device-width, initial-scale=0.5"> -->

  <link rel="shortcut icon" href="/favicon.ico">
<!--   <link rel="stylesheet" href="css/style.css?v=2"> -->


  <link rel="stylesheet" type="text/css" media="screen" href="css/Aristo/Aristo.css" />

<!--   <link rel="stylesheet" href="css/jquery-ui.1.9pre.min.css"> -->

  <!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>
<body>
  <script type="text/x-handlebars">
    {{#with App.controller}}
      {{view JQ.Button label="Click to Load People"}}
      <br><br>
      {{view App.ProgressBar valueBinding="progress"}}
      <br><br>
      {{#collection JQ.Menu contentBinding="people" disabledBinding="menuDisabled"}}
        <a href="#">{{name}}</a>
      {{else}}
        <a href="#">LIST NOT LOADED</a>
      {{/collection}}
    {{/with}}
  </script>

  <script src="js/libs/jquery-1.8.0.min.js"></script>
  <script src="js/libs/jquery-ui-1.9pre.js"></script>
  <script src="js/libs/handlebars-1.0.0.beta.6.js"></script>
  <script src="js/libs/ember-1.0.pre.min.js"></script>
  <script src="js/ember-jq.js"></script>
  <script src="js/app.js"></script>
</body>
</html>